import React from 'react'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
import {NavLink,Outlet} from 'react-router-dom'

function Home() {
  return (
    <div>
        <div className='demo-tabbar'>
            <Tabbar>
                <Tabbar.Item icon={<HomeO />}><NavLink to="/home/shouye">首页</NavLink></Tabbar.Item>
                <Tabbar.Item icon={<Search />}><NavLink to="/home/hot">热点</NavLink></Tabbar.Item>
                <Tabbar.Item icon={<FriendsO />}><NavLink to="/home/main">我的</NavLink></Tabbar.Item>
            </Tabbar>
        </div>
        <Outlet></Outlet>
    </div>
  )
}

export default Home